<template>
  <el-row class="page-product">
    <el-col :span="19">
      <crumbs :keyword="$store.state.products.keyword"/>
      <categroy
        :types="$store.state.products.types"
        :areas="$store.state.products.areas"/>
      <list :list="$store.state.products.list"/>
    </el-col>
    <el-col :span="5">
      <amap
        v-if="$store.state.products.point.length"
        :width="230"
        :height="290"
        :point="$store.state.products.point"/>
    </el-col>
  </el-row>

</template>

<script>
import Crumbs from '@/components/products/crumbs.vue'
import Categroy from '@/components/products/categroy.vue'
import List from '@/components/products/list.vue'
import Amap from '@/components/public/map.vue'
export default {
  components:{
    Crumbs,
    Categroy,
    List,
    Amap
  },
  data(){
    return {
      list:[],
      types:[],
      areas:[],
      keyword:'',
      point:[]
    }
  }
}
</script>

<style lang="scss">
  @import "@/assets/css/products/index.scss";
</style>
